<style type="text/css">
	header{
		display: none;
	}
	section{
		top:0;
	}
	ul,li ,dl ,dt,dd,p,h1,h2,h3,h4,h5{
		margin: 0;
		padding:0;
	}
	
	img{
		display:block;
		margin: 0 auto;
	}
	.bigdiv{
		position:absolute;
		right:0;
		left:0;
		overflow:auto;
	}
	.head{
		width:99.5%;
		height:1.40625rem;
		background-color:#f9fafd;
		display:flex;
		align-items: center;
		font-weight:bold;
		font-size:0.40625rem;
		padding-right:0.15625rem;
		padding-left:0.15625rem ;
  	}
	.head img{
		width:12%;
		height:100%;
	}
	.head span{
		height:100%;
		display:flex;
		align-items: center;
		justify-content: center;
		flex-grow:1;
	}
	.adv{
		width:100%;
		height:4.375rem;
	}
	.adv img{
		width:100%;
		height:100%
	}
	.adv2{
		width:100%;
		height:2.234375rem;
		background-color:#ffffff ;
		display:flex;
		color:white;
	}
	.time{
		width:24.5%;
		height:2.1875rem;
		background-color: #272c2a;
		display:flex;
		flex-direction:column;
		align-items: center;
		justify-content:center;
		margin-right:1%;
		line-height:0.6rem;
	}
	
	.game{
		width:100%;
		height:1.25rem;
		display: flex;
		background-color: #f2f2f2;
	}
	
	.g_left{
		width:5rem;
		padding-left:0.34375rem;
		height:100%;
		background:url("img/黄色.png") no-repeat ;
		background-size:100%;
	}
	.g_right{
		background-color: #f2f2f2;
		width:5rem;
		display:flex;
	   justify-content:flex-end ;
	   align-items: center;
	   margin-right:0.3125rem;
	}
	.g_right span {
	   width:2.79375rem;
	   height:0.9375rem;
	   background-color:#272c2a;
	   border-radius:0.390625rem;
	   color:white;
	   display:inline-block;
	   line-height:0.9375rem;
	   text-align:center;
	   
	}
	
	.info{
		width:100%;
		height:4.6875rem;
		display:flex;
		border-bottom:solid 0.1875rem #efefef;
        position:relative;
	}
	.if_left{
		width: 49.8%;
		display:flex;
		align-items: center;
		justify-content: center;
		border-right:solid 0.015625rem #CCCCCC;
	}
	.if_left img{
		width:77%;
		height:77%;
	}
	.if_right{
		width:50%;
		display:flex;
		align-items:center;
		justify-content: center;
		flex-direction: column;
		line-height:0.7375rem;
	}
	.qiang{
		
		width:3rem;
		height:0.9375rem;
		background-color:#ff602c;
		border-radius:0.35625rem;
		font-weight:bold;
		text-align:center;
		line-height:0.9375rem;
		color:white;
		font-size:0.390625rem;
	}
	
	.car{
		width:1.71875rem;
		height:1.5625rem;
		position:absolute;
	    top:4.3125rem;
	    left: 8.3125rem;
	}
</style>

<div class="bigdiv">
	<div class="head">
		<img src="img/箭头.png">
		<span>疯狂秒杀</span>
		<img src="img/31.png">
	</div>
	<div class="adv">
		<img src="img/adv.png">
	</div>
	
	<div class="adv2">
		<div class="time">
			<p>10:00</p>
			<p>已结束</p>
			<img src="img/新.png">
		</div>
		
		<div class="time">
			<p>10:00</p>
			<p>已结束</p>
			<img src="img/新.png">
		</div>
		<div class="time">
			<p>10:00</p>
			<p>已结束</p>
			<img src="img/新.png">
		</div>
		<div class="time" style="background-color:#fdd000">
			<p>10:00</p>
			<p>已结束</p>
			<img src="img/新.png">
		</div>
	</div>
	<!-- 查看游戏规则 -->
	<div class="game">
		<div class="g_left">
			<h2>距本场结束</h2>
			<h2>02:01:02</h2>
		</div>
		<div class="g_right">
			<span>查 看 活 动 规 则 </span>
		</div>
	</div>
	
	<div class="info" ng-repeat="i in list">
		<div class="if_left">
			<img ng-src="{{i.img}}">
			
		</div>
		<div class="if_right">
			<h3>{{i.name}}</h3>
			<h3>{{i.specifics}}</h3>
			<div><span style="color:#ff784b ;font-size:0.625rem;">￥{{i.price}}</span> 
			<span style="color:#979697 ;font-size:0.34375rem;">/原价：{{i.market_price}}</span></div>
			<div class="qiang">{{i.price}}元抢购</div>
		</div>
		
		<div class="car"><img src="img/购物车.png"></div>
	</div>

	
	
</div>